/**
  其他境外交流项目管理-学校管理员-查看回国
*/
<template>
    <div class="project-application-container">
        <div style="height: 30px;">
            <el-breadcrumb style="float: left;" separator="/">
                <el-breadcrumb-item :to="{ path: '/otherOverseasExchange' }">
                    <span @click="reback()">{{ $t('projectManage.otherOverseasExchangeSelect') }}</span>
                </el-breadcrumb-item>
                <el-breadcrumb-item>
                    <span
                        v-if="projectSubCategory === 6"
                    >{{ $t('projectApplication.nationGovernGoHomeReportSelect') }}</span>
                    <span
                        v-if="projectSubCategory === 7"
                    >{{ $t('projectApplication.shortTermVisitRuturnGovernSelect') }}</span>
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <el-card shadow="never" v-loading="loading" body-style="padding: 24px;">
            <div slot="header" class="title">
                <span>{{ $t('projectManage.otherOverseasExchangeSelect') }}</span>
                -
                <span
                    v-if="projectSubCategory === 6"
                >{{ $t('projectApplication.nationGovernGoHomeReportSelect') }}</span>
                <span
                    v-if="projectSubCategory === 7"
                >{{ $t('projectApplication.shortTermVisitRuturnGovernSelect') }}</span>
                <el-button
                    style="float:right; margin-top: -5px;"
                    @click="reback()"
                >{{ $t('common.btn.back') }}</el-button>
            </div>
            <return-home-common-info
                :applyId="applyId"
                :showProcess="showProcess"
                :backId="backId"
                :projectStartTime="projectStartTime"
                :projectEndTime="projectEndTime"
            >
                <!-- 审批进度开始 -->
                <template slot="footer"></template>
                <!-- 审批进度结束 -->
            </return-home-common-info>
        </el-card>
    </div>
</template>
<script>
import returnHomeCommonInfo from 'common/src/views/externalExchange/common/returnHomeCommonInfo'
export default {
    components: {
        'return-home-common-info': returnHomeCommonInfo
    },
    data() {
        return {}
    },
    props: {
        applyId: {
            type: String,
            default: ''
        },
        backId: {
            type: String,
            default: ''
        },
        projectStartTime: {
            type: String,
            default: ''
        },
        projectEndTime: {
            type: String,
            default: ''
        },
        showProcess: {
            type: Boolean,
            default: true
        },
        projectSubCategory: {
            type: Number,
            default: null
        }
    },
    computed: {},
    filters: {},
    created() {},
    async mounted() {},
    methods: {
        reback() {
            this.$emit('change-project-index')
        }
    },
    watch: {}
}
</script>

<style lang="scss" scoped>
.project-application-container {
    .el-breadcrumb__item:last-child ::v-deep {
        .el-breadcrumb__inner {
            color: #606266;
            font-weight: bold;
            cursor: default;
        }
    }
    .el-breadcrumb__item ::v-deep {
        .is-link {
            color: #aaa;
            font-weight: unset;
        }
        .is-link:hover {
            color: #409eff;
        }
    }
    .title {
        font-weight: bold;
        font-size: 18px;
    }
}
</style>
